<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<security:authorize ifAllGranted="ROLE_USER">

<div id="heading" class="section">
	<h2>Puedes importar a tus contactos del facebook!</h2>
</div>
<b> Como hacerlo? </b>
<ul>
    <li>Inicia session en el facebook</li>
    <li>clic en este enlace:</li>
    <li><a href="http://developers.facebook.com/docs/reference/api/link" target="_blank">demo</a></li>
    <li>clic sobre el link que dice <b>ejemplo</b></li>
    <li>copia la informacion de la url y extrae el texto que viene luego de <b>token=</b></li>
</ul>

<div id="hotelResults" class="section">

    <form:form action="amigos" modelAttribute="contacto" method="post">

         <div class="field">
                <div class="label"><label for="searchString">ID autogenerado</label></div>
                <div class="input">
                    <form:input id="facebooktoken" path="facebooktoken"/>
                        <script type="text/javascript">
                            Spring.addDecoration(new Spring.ElementDecoration({
                            elementId : "facebooktoken",
                            widgetType : "dijit.form.ValidationTextBox",
                            widgetAttrs : { promptMessage : "Ingrese su ID autogenerado" }}));
                  </script>
                </div>
          </div>
           <div class="field">
                <div class="label">&nbsp;</div>
                <div class="input">
                    <input type="submit" id="bbuscar" name="bbuscar" value="Importar" />
            <script type="text/javascript">
                    Spring.addDecoration(new Spring.AjaxEventDecoration({
                            elementId: "bagregar",
                            event: "onclick",
                            params: {fragments: "body"}
                    }));
            </script>
                </div>
          </div>
         
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
        &nbsp;<br/>
	<div class="buttonGroup">
             <a id="atras" href="reserva2">Atras</a>
            <a id="siguiente" href="facebook2">Siguiente</a>
	</div>
        </form:form>
</div>	

</security:authorize>